<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href = "../css/bootstrap.min.css">
  <script type="application/javascript" src="../js/jquery-1.9.0.min.js"></script>
  <script type="application/javascript" src="../js/bootstrap.min.js"></script>
    <title>标签+徽章</title>
</head>
<body>
  <h1>我们学习<span class="label label-default">Bootstrap</span></h1>
  <h2>我们学习<span class="label label-danger">Bootstrap</span></h2>
  <h3>我们学习<span class="label label-info">Bootstrap</span></h3>
  <h4>我们学习<span class="label label-warning">Bootstrap</span></h4>

  <hr>
  <a href="#">消息<span class="badge">5</span> </a>
  <br>
  <button type="button">大家好<span class="badge">89</span></button>
  <ul class="list-group">
    <li class="list-group-item"><a href="#">消息1<span class="badge">24</span> </a></li>
    <li class="list-group-item"><a href="#">消息2<span class="badge">36</span> </a></li>
    <li class="list-group-item"><a href="#">消息3<span class="badge">40</span> </a></li>
  </ul>

</body>
</html>